<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>layui.form小例子</title>
    <link rel="stylesheet" href="../../../static/layui/dist/layuiadmin/layui/css/layui.css" media="all">
</head>

<body>
    <div style="margin:3%;">
        <form id="popupForm" class="layui-form" action="preAdd" method="POST">
            <input type="hidden" name="id" value='{{department.id}}'>
            <!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->
            <div class="layui-form-item">
                <label class="layui-form-label">部门名称</label>
                <div class="layui-input-block">
                    <input type="text" name="title" placeholder="部门名称" autocomplete="off" class="layui-input"
                        lay-verify="required|title" value="{{department.title}}">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">部门负责人</label>
                <div class="layui-input-block">
                    <select name="master_id" lay-verify="required" lay-filter="bumen">
                        {% for user in users %}
                        {% if department.master_id == user.id%}
                        <option value="{{user.id}}" selected>{{user.nickname}}</option>
                        {% else %}
                        <option value="{{user.id}}">{{user.nickname}}</option>
                        {% endif %}
                        {% endfor %}
                        <!-- <option value="1">阅读</option>  -->
                    </select>
                </div>
            </div>
            <div class="layui-row">

                <div class="layui-form-item">
                    <label class="layui-form-label">部门信息:</label>
                    <!-- <div class="layui-input-block"> -->
                    <!-- <input type="text" name="content" placeholder="内容" autocomplete="off" class="layui-input"> -->
                    <textarea type="text" name="dep_info" placeholder="请输入内容" autocomplete="off" class="layui-textarea"
                        style="width:820px;height: 200px;">{{department.dep_info}}</textarea>
                    <!-- </div> -->
                </div>
            </div>

            <!-- <div class="layui-form-item">
        <label class="layui-form-label">下拉选择框</label>
        <div class="layui-input-block">
            <select name="interest" lay-filter="aihao">
                <option value="0">写作</option>
                <option value="1">阅读</option>
            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">复选框</label>
        <div class="layui-input-block">
            <input type="checkbox" name="like[write]" title="写作">
            <input type="checkbox" name="like[read]" title="阅读">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">开关关</label>
        <div class="layui-input-block">
            <input type="checkbox" lay-skin="switch">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">开关开</label>
        <div class="layui-input-block">
            <input type="checkbox" checked lay-skin="switch">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">单选框</label>
        <div class="layui-input-block">
            <input type="radio" name="sex" value="0" title="男">
            <input type="radio" name="sex" value="1" title="女" checked>
        </div>
    </div>
    <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">请填写描述</label>
        <div class="layui-input-block">
            <textarea placeholder="请输入内容" class="layui-textarea"></textarea>
        </div>
    </div> -->
            <!-- <div class="layui-form-item">
                <div class="layui-input-block">
                    <button type="submit" class="layui-btn" lay-submit lay-filter="userAdd">立即提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div> -->
            <!-- 更多表单结构排版请移步文档左侧【页面元素-表单】一项阅览 -->
        </form>
    </div>

    <script src="../../../static/layui/dist/layuiadmin/layui/layui.js"></script>
    <script>
        layui.use(['form', 'layedit', 'laydate'], function () {
            var form = layui.form
                , layer = layui.layer
                , layedit = layui.layedit
                , laydate = layui.laydate;

            //监听submit提交按钮 button ，lay-filter 为 userAdd 的
        });

            //自定义表单验证
            //lay-verify ：对应userr、pass、等，required 为必填项

        // layui.use(['form', 'layedit', 'laydate'], function () {
        //     var form = layui.form
        //         , layer = layui.layer
        //         , layedit = layui.layedit
        //         , laydate = layui.laydate;

        //     //自定义表单验证
        //     //lay-verify ：对应userr、pass、等，required 为必填项
        //     form.verify({
        //         department: function (value) {
        //             if (value.length < 2) {
        //                 return '用户名至少得2个字符啊';
        //             }
        //         }
        //         , master: [
        //             /^[\S]{6,12}$/
        //             , '密码必须6到12位，且不能出现空格'
        //         ]
        //         , id: function (value) {
        //             layedit.sync(editIndex);
        //         }
        //     });
        // });

    </script>
</body>

</html>